<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

    </style>
</head>
<body>
<div id="wrap">
    <!-- v-bind:style 后面可以是对象,数组,json,注意的 复合样式，采用驼峰命名法-->
    <!--<em :style="{color:'red'}">{{msg}}</em>-->
    <!--<em :style="[AA,BB]">{{msg}}</em>-->
    <em :style="json">{{msg}}</em>
</div>
</body>
</html>
<script src="vue.js"></script>
<script type="text/javascript">
    new Vue({
        el:'#wrap',
        data:{
            msg:'123',
            AA:{color:'red'},
            BB:{backgroundColor:'yellow'},
            json:{
                color:'orange',
                backgroundColor:'gray'
            }
        },
    })
</script>
